<extend name="Public/baseConf" />
<block name="breadcrumb"> 
<div class="row wrapper border-bottom white-bg page-heading">
	    <div class="col-lg-5">
	        <h2>编辑{$data.model_id|get_document_model='title'}
			 	<small>[<volist name="rightNav" id="nav">
					<a href="{:U('article/index','cate_id='.$nav['id'])}">{$nav.title}</a>
					<if condition="count($rightNav) gt $i"><i class="fa fa-chevron-right"></i></if>
				</volist>
				<present name="article">
					：<a href="{:U('article/index','cate_id='.$data['category_id'].'&pid='.$article['id'])}">{$article.title}</a>
				</present>
				] 
				</small>
			</h2>
	        <ol class="breadcrumb">
	            <li><a href="{:U('index/index')}">首页</a></li>
	            <li class="active">
	                <strong>编辑文档</strong>
	            </li>
	        </ol>
	    </div>
	    <div class="col-lg-7">
            <div class="title-action">
				<span class="block pull-right">
						<button class="btn btn-primary ajax-post" id="submit" type="submit" target-form="form-horizontal">
						<i class="fa fa-floppy-o align-top"></i>确定
						</button>  
						<a class="btn btn-warning" href="{$Think.cookie.__forward__}">
							<i class="fa fa-reply icon-only"></i>返回
						</a>
						<if condition="C('OPEN_DRAFTBOX') and (ACTION_NAME eq 'add' or $data['status'] eq 3)">
						<button class="btn btn-info btn-bold" url="{:U('article/autoSave')}" target-form="form-horizontal" id="autoSave">
							<i class="fa fa-floppy-o grey"></i>存草稿
						</button>
						</if>
				</span>
            </div>
        </div>
	</div> 
</block>
<block name="body">
	<script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
	
	<div class="row">
	    <div class="col-lg-12">
		<div class="tabs-container">
			<ul class="nav nav-tabs" id="myTab">
				<volist name=":parse_config_attr($model['field_group'])" id="group">
					<li <eq name="key" value="1">class="active"</eq>>
						<a data-toggle="tab" href="#tab{$key}">
							<i class="green fa fa-home bigger-120"></i>{$group}
						</a>
					</li>
				</volist>
			</ul>
			
			<!-- 表单 -->
			<form id="form" action="{:U('update')}" method="post" class="form-horizontal">
				<!-- 基础文档模型 -->
				<div class="tab-content">
				<volist name=":parse_config_attr($model['field_group'])" id="group">
		        <div id="tab{$key}" class="tab-pane <eq name="key" value="1">active</eq>">
			        <div class="panel-body">
			            <volist name="fields[$key]" id="field">
			                <if condition="$field['is_show'] == 1 || $field['is_show'] == 3">
			                <div class="form-group">
			                    <label class="col-sm-2 control-label no-padding-right">{$field['title']}<span class="check-tips"><notempty name="field['remark']">（{$field['remark']}）</notempty></span></label>
			                    <div class="col-sm-10">
			                        <switch name="field.type">
			                            <case value="num">
			                                <input type="text" class="form-control" name="{$field.name}" value="{$data[$field['name']]}">
			                            </case>
			                            <case value="string">
			                                <input type="text" class="form-control" name="{$field.name}" value="{$data[$field['name']]}">
			                            </case>
			                            <case value="textarea">
			                                <textarea class="form-control" name="{$field.name}">{$data[$field['name']]}</textarea>
			                            </case>
			                            <case value="date">
				                                <div class="input-group date">
				                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
				                                    <input type="text" class="form-control" name="{$field.name}"  placeholder="请选择日期" >
				                                </div>
			                            </case>
			                            <case value="datetime">
			                            		<div class="input-group date">
				                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
				                                    <input type="text" class="form-control" name="{$field.name}"  placeholder="请选择日期" >
				                                </div>
				                                
			                            </case>
			                            <case value="bool">
			                                <select name="{$field.name}" class="form-control">
			                                    <volist name=":parse_field_attr($field['extra'])" id="vo">
			                                        <option value="{$key}" <eq name="data[$field['name']]" value="$key">selected</eq>>{$vo}</option>
			                                    </volist>
			                                </select>
			                            </case>
			                            <case value="select">
			                                <select name="{$field.name}" class="form-control">
			                                    <volist name=":parse_field_attr($field['extra'])" id="vo">
			                                        <option value="{$key}" <eq name="data[$field['name']]" value="$key">selected</eq>>{$vo}</option>
			                                    </volist>
			                                </select>
			                            </case>
			                            <case value="radio">
			                                <volist name=":parse_field_attr($field['extra'])" id="vo">
			                                	<div class="radio radio-info radio-inline">
						                        	<input type="radio" value="{$key}" name="{$field.name}" id="{$field.name}{$vo}" <eq name="data[$field['name']]" value="$key">checked="checked"</eq>>
		                                            <label for="{$field.name}{$vo}">{$vo}</label>
		                                        </div>
			                                </volist>
			                            </case>
			                            <case value="checkbox">
			                                <volist name=":parse_field_attr($field['extra'])" id="vo">
			                                	<div class="checkbox checkbox-inline checkbox-info">
			                                		<input type="checkbox" value="{$key}" name="{$field.name}[]" id="{$field.name}[]{$vo}" <if condition="check_document_position($data[$field['name']],$key)">checked="checked"</if>>
		                                            <label for="{$field.name}[]{$vo}"> {$vo} </label>
		                                        </div>
			                                </volist>
			                            </case>
			                            <case value="editor">
			                                <textarea name="{$field.name}" class="form-control">{$data[$field['name']]}</textarea>
			                                {:hook('adminArticleEdit', array('name'=>$field['name'],'value'=>$data[$field['name']]))}
			                            </case>
			                            <case value="picture">
			                                <div class="controls">
												<input type="file" id="upload_picture_{$field.name}">
												<input type="hidden" name="{$field.name}" id="cover_id_{$field.name}" value="{$data[$field['name']]}"/>
												<div class="upload-img-box">
												<notempty name="data[$field['name']]">
													<div class="upload-pre-item"><img src="{$data[$field['name']]|get_cover='path'}"/></div>
												</notempty>
												</div>
											</div>
											<script type="text/javascript">
											//上传图片
										    /* 初始化上传插件 */
											$("#upload_picture_{$field.name}").uploadify({
										        "height"          : 30,
										        "swf"             : "__STATIC__/uploadify/uploadify.swf",
										        "fileObjName"     : "download",
										        "buttonText"      : "上传图片",
										        "uploader"        : "{:U('File/uploadPicture',array('session_id'=>session_id()))}",
										        "width"           : 120,
										        'removeTimeout'	  : 1,
										        'fileTypeExts'	  : '*.jpg; *.png; *.gif;',
										        "onUploadSuccess" : uploadPicture{$field.name},
										        'onFallback' : function() {
										            alert('未检测到兼容版本的Flash.');
										        }
										    });
											function uploadPicture{$field.name}(file, data){
										    	var data = $.parseJSON(data);
										    	var src = '';
										        if(data.status){
										        	$("#cover_id_{$field.name}").val(data.id);
										        	src = data.url || '__ROOT__' + data.path 
										        	$("#cover_id_{$field.name}").parent().find('.upload-img-box').html(
										        		'<div class="upload-pre-item"><img src="' + src + '"/></div>'
										        	);
										        } else {
										        	updateAlert(data.info);
										        	setTimeout(function(){
										                $('#top-alert').find('button').click();
										                $(that).removeClass('disabled').prop('disabled',false);
										            },1500);
										        }
										    }
											</script>
			                            </case>
			                            <case value="file">
											<div class="controls">
												<input type="file" id="upload_file_{$field.name}">
												<input type="hidden" name="{$field.name}" value="{:think_encrypt(json_encode(get_table_field($data[$field['name']],'id','','File')))}"/>
												<div class="upload-img-box">
													<present name="data[$field['name']]">
														<div class="upload-pre-file"><span class="upload_icon_all"></span>{$data[$field['name']]|get_table_field=###,'id','name','File'}</div>
													</present>
												</div>
											</div>
											<script type="text/javascript">
											//上传图片
										    /* 初始化上传插件 */
											$("#upload_file_{$field.name}").uploadify({
										        "height"          : 30,
										        "swf"             : "__STATIC__/uploadify/uploadify.swf",
										        "fileObjName"     : "download",
										        "buttonText"      : "上传附件",
										        "uploader"        : "{:U('File/upload',array('session_id'=>session_id()))}",
										        "width"           : 120,
										        'removeTimeout'	  : 1,
										        "onUploadSuccess" : uploadFile{$field.name},
										        'onFallback' : function() {
										            alert('未检测到兼容版本的Flash.');
										        }
										    });
											function uploadFile{$field.name}(file, data){
												var data = $.parseJSON(data);
										        if(data.status){
										        	var name = "{$field.name}";
										        	$("input[name="+name+"]").val(data.data);
										        	$("input[name="+name+"]").parent().find('.upload-img-box').html(
										        		"<div class=\"upload-pre-file\"><span class=\"upload_icon_all\"></span>" + data.info + "</div>"
										        	);
										        } else {
										        	updateAlert(data.info);
										        	setTimeout(function(){
										                $('#top-alert').find('button').click();
										                $(that).removeClass('disabled').prop('disabled',false);
										            },1500);
										        }
										    }
											</script>
			                            </case>
			                            <default/>
			                            <input type="text" class="form-control" name="{$field.name}" value="{$data[$field['name']]}">
			                        </switch>
			                    </div>
			                </div>
			                </if>
			            </volist>
			         </div>
		        </div>
				</volist>
				<input type="hidden" name="id" value="{$data.id|default=''}"/>
				<input type="hidden" name="pid" value="{$data.pid|default=''}"/>
				<input type="hidden" name="model_id" value="{$data.model_id|default=''}"/>
				<input type="hidden" name="group_id" value="{$data.group_id|default=''}"/>
				<input type="hidden" name="category_id" value="{$data.category_id|default=''}">
				</div>				
			</form>
			
		</div>
	</div>
</div>
</block>

<block name="script">
<script type="text/javascript">

Think.setValue("type", {$data.type|default='""'});
Think.setValue("display", {$data.display|default=0});
 	

$(function(){
    $('.date').datepicker({
    });
    showTab();

	<if condition="C('OPEN_DRAFTBOX') and (ACTION_NAME eq 'add' or $data['status'] eq 3)">
	//保存草稿
	var interval;
	$('#autoSave').click(function(){
        var target_form = $(this).attr('target-form');
        var target = $(this).attr('url')
        var form = $('.'+target_form);
        var query = form.serialize();
        var that = this;

        $(that).addClass('disabled').attr('autocomplete','off').prop('disabled',true);
        $.post(target,query).success(function(data){
            if (data.status==1) {
                updateAlert(data.info ,'alert-success');
                $('input[name=id]').val(data.data.id);
            }else{
                updateAlert(data.info);
            }
            setTimeout(function(){
                $('#top-alert').find('button').click();
                $(that).removeClass('disabled').prop('disabled',false);
            },1500);
        })

        //重新开始定时器
        clearInterval(interval);
        autoSaveDraft();
        return false;
    });

	//Ctrl+S保存草稿
	$('body').keydown(function(e){
		if(e.ctrlKey && e.which == 83){
			$('#autoSave').click();
			return false;
		}
	});

	//每隔一段时间保存草稿
	function autoSaveDraft(){
		interval = setInterval(function(){
			//只有基础信息填写了，才会触发
			var title = $('input[name=title]').val();
			var name = $('input[name=name]').val();
			var des = $('textarea[name=description]').val();
			if(title != '' || name != '' || des != ''){
				$('#autoSave').click();
			}
		}, 1000*parseInt({:C('DRAFT_AOTOSAVE_INTERVAL')}));
	}
	autoSaveDraft();

	</if>

});
</script>
</block>
